<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        p{
            color: red;
            color: #F00;
            color: #FF0;
            color: #FF9;
            color: #FFF;
            color: #000;
            color: #4813a9;
            color: #FF0000;
            color: #2266dd;
            color: #26d;   /* 两两相同时, 可简化 */
            color: rgb(255, 0, 0);
            color: rgb(255, 255, 0);
            color: rgb(0, 0, 0);
            color: rgb(255, 255, 255);
            color: rgb(100,200,50);
            color: rgba(100,200,50,1);    /* 完全不透明 */
            color: rgba(100,200,50,0);    /* 完全透明 */ 
            color: rgba(100,200,50,0.5);  /* 半透明*/
            color: rgba(100,200,50,0.8);  
            color: rgba(100,200,50,0.2);  
            color: rgb(68,182,110);
            color: hsla(0, 100%, 50%, 0.5); 
            color: transparent;
        }

        img{
            color: transparent;
            opacity: 0.5;
        }

    </style>
</head>
<body>
    <!--  
        1. color
            * 单词
            * HEX   十六进制    基数范围: 0-9 a-f
                    #rrggbb
                    #rgb   
            * RGB(R, G, B)
            * RGBA(R, G, B, A)
                R: red
                G: green
                B: blue
                A: 0~1  透明度, 可小数
                数值范围: 0~255
            * HSL(H,S,L)
            * HSLA(H,S,L,A)
                H: 色调   0~360        0/360: red    120:green   240:blue
                S: 饱和度 0% ~ 100%    颜色鲜艳
                L: 亮度   0% ~ 100%    
                A: 透明度 0~1  可小数 
            * transparent   透明色     相当于 rgba(0,0,0,0)



        2. opacity 透明度
            数值范围: 0~1   可小数

            opacity 任意元素都可以透明
            color 只能文字透明
    -->
    <p>赵云鹏看上迪丽热巴</p>

    <img src="./resource/1.jpg" width="500">




    
</body>
</html>